<html>
  <head>
    <title>Whisper Muse - User Search Results</title>

    <style type="text/css">
      	a:link
		{
			color: yellow;
			font-family: verdana, arial, sans-serif;
		}
		a:visited
		{
			color: #006699;
			font-family: verdana, arial, sans-serif;
		}
		a:hover
		{
			color: yellow;
			font-family: verdana, arial, sans-serif;
		}
		a:active
		{
			color: #00FF99;
			font-family: verdana, arial, sans-serif;
		}

		.title
		{
			font-family: verdana, arial, sans-serif;
			font-size: 38px;
			color: yellow;
		}

		* 
		{ 
			background-color: black;
			padding: 0;
			margin: 0;
		}

		.container 
		{
			margin-left: auto;
			margin-right: auto;
			width: 900px;
			background-color: black;
			background-repeat: no-repeat;
		}

		.clear 
		{
			clear: both;
			display: block;
		}

		#header 
		{
			margin-top: 41px;
			margin-left: 50px;
			display: inline;
			float: left;
			position: relative;
			width: 900px;
	 	 	height: 80px;
		}
		#toprow1
		{
			margin-left: 20px;
			display: inline;
			float: left;
			position: relative;
			width: 200px;
			height: 80px;
		}
		#toprow2
		{
			margin-left: 20px;
			display: inline;
			float: left;
			position: relative;
			width: 200px;
			height: 80px;
		}
		#toprow3
		{
			margin-left: 20px;
			display: inline;
			float: left;
			position: relative;
			width: 200px;
			height: 80px;
		}
		#toprow4
		{
			margin-left: 20px;
			display: inline;
			float: left;
			position: relative;
			width: 200px;
			height: 80px;
		}
		#contentleft
		{
			margin-left: 150px;
			margin-top: 20px;
			display: inline;
			float: left;
			position: relative;
  			width: 300px;
	 		height: 1000px;
		}
		#contentright
		{
			margin-left: 50px;
			margin-top: 22px;
			display: inline;
			float: left;
			position: relative;
		  	width: 400px;
		 	height: 1000px;
		}
    </style>
  </head>


  <body>
    <div class="container">
      <!-- Header -->
      <div id="header">
        <!-- TODO: Replace with Image -->
			<p class="title"><%= link_to 'Whisper Muse', "../user/home", :method => "home" %></p>
      </div>

      <!-- Links -->
      <div id="toprow1">
        <center>
          <%= link_to 'Profile', "../user/my_account", :method => "my_account" %>
        </center>
      </div>

      <div id="toprow2">
        <center>
          <%= link_to 'Edit Account', "../user/edit_account", :controller => "user", :method => "edit_account" %>
        </center>
      </div>

      <div id="toprow3">
        <center>
          <font face="verdana" color="yellow"><%= @user.username %></font>
        </center>
      </div>

      <div id="toprow4">
        <center>
          <%= link_to 'Logout', "../user/login", :confirm => 'Are you sure?', :method => "logout" %>
        </center>
      </div>

      <!-- Content -->
      <div id="contentleft">
        <font face="verdana" color="yellow">
          <%= form_tag :controller => 'album', :action => 'search', :method => 'search' do %>
          	<%= text_field_tag :search, params[:search], :id => 'search_field', :style => 'color:#fff;' %> <%= submit_tag "Search", :name => nil, :style => 'color:#fff;' %>
          <% end %>
        <br>
		Albums that matched your search:
		<br>
		<br>
        <ul>
        <% @albums.each do |album| %>
        <li>
        <%= link_to album.name, :action => 'display', :id => album.id  %>
        </li>
        <% end %>
        </ul>
        <br>
        </font>
	  </div>
      <div id="contentright">
      <font face="verdana" color="yellow">
      Don't see the album you're looking for?
      <br>
      <br>
      <%= link_to 'Add A New Album Entry', "../album/create_album_page" %>
      </font>
      </div>
      <div class="clear">
      </div>
    </div>
  </body>
</html>